<script setup lang="ts">
    import {ref} from 'vue'
    const props = defineProps({
        message: String
    });
    const back = () => {
        uni.navigateBack({ delta: 1 })
    }

    const { safeAreaInsets } = uni.getSystemInfoSync()
</script>

<template>
    <view class="nav" :style="{ paddingTop: safeAreaInsets?.top + 'px' }">
        <image @click="back" class="back" src=""/>       
        {{ message }}
    </view>
</template>

<style lang="scss" scoped>
    .nav{
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        background-color: transparent;
        height: 88rpx;
        font-size: 36rpx;
        font-weight: 700;
        color: rgb(48,49,51);
        text-align: center;
        line-height: 88rpx;
        .back{
            width: 48rpx;
            height: 48rpx;
            position: absolute;
            left: 32rpx;
        }
    }
</style>